<template>
     <Modal v-model="prop.queRen" :closable="false" footer-hide width="400px">
        <Icon type="ios-help-circle-outline" style="color:blue;font-size: 30px;margin:20px 0 10px 170px;"/>
        <h2 style="margin: 0 0 10px 120px;">关闭预约确认</h2>
        <p>关闭后该医生所有的排班将失效，用户将无法从小程序进行预约，确定关闭吗?</p>
        <div slot="footer">
            <Button @click="prop.queRen = false" style="margin: 20px 10px 0 120px;">取消</Button>
            <Button type="primary" @click="close" style="margin: 20px 0 0 0 ;" >确定</Button>
        </div>
     </Modal>
</template>
<script setup>
import { ref } from 'vue';
const prop = defineProps({
  queRen: {
    type: Boolean,
    default: false,
  },
})
const emit = defineEmits(['close'])
const close = ()=>{
  console.log("prop",!prop.showDialog)
  emit('close',!prop.showDialog)
}

</script>
<style scoped>

</style>